<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="div">
        <form >
            商品名称： <input type="text" v-model="product.name" ><br/>{{product.name}}<br/>
            商品价格：<input type="text" v-model="product.price"><br>{{product.price}}<br/>
            <button @click="dw()" value="点我"></button>
        </form>
    </div>
<script src="../../vue_day02/web/js/vue.js"></script>
<script>
    new Vue({
       el:'#div',
       data:{
           product:{
               name:'小米手机',
               price:'2999'
           }
       },
        methods:{
           dw(){
               alert("点中了");
               alert(JSON.stringify(this.product));
           }
        }
    });
</script>
</body>
</html>